<template>
    <div style="width: 100%;height: 100%;background-size: cover;">
        <% if(data.data.length == 0){ %>
        <div style="position: absolute;width:100%;top: 250px;color: #000000;text-align: center;">暂无数据</div>
        <%}else{%>
        <% for(var i = 0;i< data.data.length;i++){ %>
        <% var item = data.data[i]; %>

        <div name="{{data.name}}"  style="border-radius: 24px;color: #243C5B;text-align:center;position: absolute;overflow:hidden;font-size: 24px;left: {{item.left}}px;top: {{item.top}}px;width:{{item.width}}px;height:{{item.height}}px;">
            <div style="position:absolute;width: 100%;height: 100%;line-height:{{item.height}}px;left:0px;top: 0px;">{{item.title}}</div>
            <!--<div style="position:absolute;width: 187px;height: 100%;line-height:{{item.height}}px;right:0px;top: 0px;font-size: 20px;">{{item.publishdate}}</div>-->
        </div>
        <%}%>
        <%}%>
    </div>
</template>
<script>
    (function (){
        return {
            left:247,
            top:0,
            width:490,
            height:276,
            name:"video",
            tpl:"bottomTpl",
            templateData:[
                {"title":"直播","left":0,"top":0,"width":490,"height":276},
            ],
            data:[{"title":"直播"}],
            updated: function(){
                this.listFocus = new Focus({
                    containner:this.containner,
                    focusFolder:"images/focus20",
                    td:16,
                    padding_left:4.6,
                    padding_top:4.6,
                    spacing_left:4,
                    spacing_top:4
                });
            },
            itemFocusOn: function (item) {
                this.listFocus.defaultFocusChange(item);
                this.listFocus.show();
            },
            itemFocusOut: function (item) {
                this.listFocus.hidden();
            },
            enter: function (item) {
                pageStorePush(window.location.href.split("?")[0],{pos:item.index,area:1,menu:menuObj.select_index});
                // alert(localStorage.getItem(requestConfig.ca_key))
                if(item.url){
                    window.location.href = item.url + "?cid="+item.id+"&title="+item.name+"&ca="+getGlobalVar(requestConfig.ca_key);
                }
            }
        }
    })()
</script>